Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.11.2016, 21:21
Интересующийся
Отправить личное сообщение для milkman Посмотреть профиль Найти все сообщения от milkman
 
Регистрация: 18.11.2016
Сообщений: 25

Подгрузка блоков при скролинге
Здравствуйте, есть такой вот код вывода статей

//статьи
if (! empty($result["rows"]))
{
	foreach ($result["rows"] as $row)
	{		
		echo '<div class="block">';

		echo '<div class="block-text">';

			//название и ссылка статьи
			echo '<h4><a href="'.BASE_PATH_HREF.$row["link"].'" class="black">'.$row["name"].'</a></h4>';
			//рейтинг статьи
			if (! empty($row["rating"]))
			{
				echo $row["rating"];
			}

		echo '</div>';

		echo '</div>';
	}
}


выводит все статьи на страницу, мне нужно что бы вначале было видно только 10 статей, и когда пользователь доходит до последней статьи, ему показывает ещё 10 и тд.

Помогите, подскажите как это сделать. Гуглил но ничего не понял.
Ответить с цитированием
  #2 (permalink)  
Старый 18.11.2016, 22:42
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

milkman,
СкроллТоп и аякс
Ответить с цитированием
  #3 (permalink)  
Старый 20.11.2016, 11:29
Интересующийся
Отправить личное сообщение для milkman Посмотреть профиль Найти все сообщения от milkman
 
Регистрация: 18.11.2016
Сообщений: 25

а можно подробнее?
Ответить с цитированием
  #4 (permalink)  
Старый 21.11.2016, 13:05
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Сообщение от milkman Посмотреть сообщение
а можно подробнее?
Гуглите infinite scrolling
Ответить с цитированием
  #5 (permalink)  
Старый 21.11.2016, 13:13
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

Царь Леонид,
Не знаю почему мне сразу в голову пришла картинка, где Леонид пинком сбрасывает чувака в яму с криком "This is scrolling!!!!!!")))
Ответить с цитированием
  #6 (permalink)  
Старый 23.11.2016, 20:23
Интересующийся
Отправить личное сообщение для milkman Посмотреть профиль Найти все сообщения от milkman
 
Регистрация: 18.11.2016
Сообщений: 25

Всё немного продвинулось, но не в ту степь. В общем теперь у меня немного другая задача. Я вывел все статьи (допустим 100) на одну страницу, и теперь нужно что бы когда пользователь заходил на эту страницу, у первых 10 статей был display:block; а у остальных display: none;. И когда пользователь доходит до десятой статьи, у следующих 10 статей display меняется на block. Подскажите как это реализовать.
Ответить с цитированием
  #7 (permalink)  
Старый 25.11.2016, 11:29
Интересующийся
Отправить личное сообщение для milkman Посмотреть профиль Найти все сообщения от milkman
 
Регистрация: 18.11.2016
Сообщений: 25

есть тут кто?
Ответить с цитированием
  #8 (permalink)  
Старый 25.11.2016, 12:33
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Сообщение от milkman Посмотреть сообщение
у первых 10 статей был display:block; а у остальных display: none;. И когда пользователь доходит до десятой статьи, у следующих 10 статей display меняется на block. Подскажите как это реализовать.
Мне так-то без разницы, но это называется свистоперделка. Давайте html макет
Ответить с цитированием
  #9 (permalink)  
Старый 25.11.2016, 12:34
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Сообщение от Гробовщик Посмотреть сообщение
Царь Леонид,
Не знаю почему мне сразу в голову пришла картинка, где Леонид пинком сбрасывает чувака в яму с криком "This is scrolling!!!!!!")))
Я в честь этого чувака и взял этот ник. Сначала даже хотел сделать аву, типа this is javascript, но потом впадлу стало
Ответить с цитированием
  #10 (permalink)  
Старый 25.11.2016, 13:39
Интересующийся
Отправить личное сообщение для milkman Посмотреть профиль Найти все сообщения от milkman
 
Регистрация: 18.11.2016
Сообщений: 25

<div id="clauses_list">
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block paginator">
		<span class="active">1</span>
		<a href="/news/page2/">2</a>
		<a href="/news/page3/">3</a>
		<a href="/news/page4/">4</a>
		<a class="end" href="/news/page4/">»</a>
	</div>
</div>


вот так есть сейчас
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена картинки кнопки при нажатии и обратно при повторном нажатии mff Общие вопросы Javascript 15 03.05.2018 14:12
Не работают скрипты при выводе блоков через ng-include vsenetak Angular.js 0 13.01.2016 11:02
Проверка блоков и удаление при не соответсвии KEX Javascript под браузер 17 23.11.2015 23:54
Динамическая подгрузка контента при прокрутке assd18 AJAX и COMET 11 14.03.2013 14:05
getAllResponseHeaders() и status имеют смысл только при readyState==4? mister_maxim AJAX и COMET 7 27.03.2011 19:08